<!DOCTYPE html>
<html class="public">
<head>
    <title>公众版</title>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="../css/style-index.css">
</head>
<body>
<!--<div class="bg-left-line"></div>
<div class="bg-right-line"></div>-->
<!-- 滑屏示意图片 -->
<img src="../img/section1-swiper-icon.png"
     class="arrow-slidedown-nav" alt="">
<div id="wrapper">
    <!-- fullpage -->
    <div id="fullpage">
        <!--第1屏 -->
        <div class="section section1" data-title-txt="股票">
            <div class="section__content">
                <div class="section__content-top">
                    <img src="../img/banner_section1.png" alt=""/>
                </div>
                <div class="section__content-bottom">
                    <img src="../img/sec1_bottom_img1.png" alt="" class="section1_bottom_img1"/>
                    <div class="info">
                        <div class="text">股市数据大揭秘</div>
                        <div class="date">2016/1/1-2016/12/31</div>
                    </div>

                    <img src="../img/sec1_bottom_img2.png" alt="" class="section1_bottom_img2"/>
                </div>
            </div>
        </div>

        <!--第2屏-->
        <div class="section section2" data-title-txt="地区">
            <div class="section__content">
                <div class="section__content-top">
                    <div class="section__content-top-txt">
                        <img class="light_left" data-src="../img/light_left@2x.png" alt="">
                        <img class="light_right" data-src="../img/light_right@2x.png" alt="">
                        <h2>大盘回顾</h2>
                    </div>
                </div>
                <div class="section__content-middle">
                    <img data-src="../img/banner_section2.png" alt="" class="banner_section_img"/>
                    <div class="section__content-middle-data">
                        <div class="data-item">
                            <img data-src="../img/sec2_bottom_img1.png" alt="" class="data-img"/>
                            <div class="data-text">3月指数增长</div>
                            <div class="data-text">地产板块领涨</div>
                        </div>
                        <div class="data-item">
                            <img data-src="../img/sec2_bottom_img2.png" alt="" class="data-img"/>
                            <div class="data-text">8月指数增长</div>
                            <div class="data-text">劵商板块领涨</div>
                        </div>
                    </div>
                </div>
                <div class="section__content-bottom">
                    <img class="light_left" data-src="../img/bottom_light_left.png" alt="">
                    <img class="light_right" data-src="../img/bottom_light_right.png" alt="">
                </div>
            </div>
        </div>

        <!--第3屏-->
        <div class="section section3" data-title-txt="地区">
            <div class="section__content">
                <div class="section__content-top">
                    <div class="section__content-top-txt">
                        <img class="light_left" data-src="../img/light_left@2x.png" alt="">
                        <img class="light_right" data-src="../img/light_right@2x.png" alt="">
                        <h2>三大神股</h2>
                    </div>
                </div>
                <div class="section__content-middle">
                    <img data-src="../img/banner_section3.png" alt="" class="banner_section_img"/>
                    <div class="section__content-middle-data">
                        <div class="data-item">
                            <img data-src="../img/sec3_bottom_img1.png" alt="" class="data-img"/>
                            <div class="data-text">25个交易日</div>
                            <div class="data-text">23个涨停</div>
                        </div>
                        <div class="data-item">
                            <img data-src="../img/sec3_bottom_img2.png" alt="" class="data-img"/>
                            <div class="data-text">换手率</div>
                            <div class="data-text">2000%</div>
                        </div>
                    </div>
                </div>
                <div class="section__content-bottom">
                    <img class="light_left" data-src="../img/bottom_light_left.png" alt="">
                    <img class="light_right" data-src="../img/bottom_light_right.png" alt="">
                </div>
            </div>
        </div>

        <!--第4屏-->
        <div class="section section4" data-title-txt="地区">
            <div class="section__content">
                <div class="section__content-top">
                    <div class="section__content-top-txt">
                        <img class="light_left" data-src="../img/light_left@2x.png" alt="">
                        <img class="light_right" data-src="../img/light_right@2x.png" alt="">
                        <h2>厉害了！word新股</h2>
                    </div>
                </div>
                <div class="section__content-middle">
                    <img data-src="../img/banner_section4.png" alt="" class="banner_section_img"/>
                    <div class="section__content-middle-data">
                        <div class="data-item">
                            <img data-src="../img/sec4_bottom_img1.png" alt="" class="data-img"/>
                            <div class="data-text">平均盈利/签</div>
                        </div>
                        <div class="data-item">
                            <img data-src="../img/sec4_bottom_img2.png" alt="" class="data-img"/>
                            <div class="data-text">最高盈利/签</div>
                        </div>
                    </div>
                </div>
                <div class="section__content-bottom">
                    <img class="light_left" data-src="../img/bottom_light_left.png" alt="">
                    <img class="light_right" data-src="../img/bottom_light_right.png" alt="">
                </div>
            </div>
        </div>

        <!--第5屏 -->
        <div class="section section5" data-title-txt="地区">
            <div class="section__content">
                <div class="section__content-top">
                    <div class="section__content-top-txt">
                        <img class="light_left" data-src="../img/light_left@2x.png" alt="">
                        <img class="light_right" data-src="../img/light_right@2x.png" alt="">
                        <h2>打新锦囊A</h2>
                    </div>
                </div>
                <div class="section__content-middle">
                    <img data-src="../img/banner_section5.png" alt="" class="banner_section_img"/>
                    <div class="section__content-middle-data">
                        <div class="data-item">
                            <img data-src="../img/sec5_bottom_img1.png" alt="" class="data-img"/>
                            <div class="data-text">3倍中签率</div>
                        </div>
                        <div class="data-item">
                            <img data-src="../img/sec5_bottom_img2.png" alt="" class="data-img"/>
                            <div class="data-text">5倍中签率</div>
                        </div>
                    </div>
                </div>
                <div class="section__content-bottom">
                    <img class="light_left" data-src="../img/bottom_light_left.png" alt="">
                    <img class="light_right" data-src="../img/bottom_light_right.png" alt="">
                </div>
            </div>
        </div>

        <!--第6屏-->
        <div class="section section6" data-title-txt="地区">
            <div class="section__content">
                <div class="section__content-top">
                    <div class="section__content-top-txt">
                        <img class="light_left" data-src="../img/light_left@2x.png" alt="">
                        <img class="light_right" data-src="../img/light_right@2x.png" alt="">
                        <h2>打新锦囊B</h2>
                    </div>
                </div>
                <div class="section__content-middle">
                    <img data-src="../img/banner_section6.png" alt="" class="banner_section_img"/>
                    <div class="section__content-middle-data">
                        <div class="data-item">
                            <img data-src="../img/sec6_bottom_img1.png" alt="" class="data-img"/>
                            <div class="data-text">3万</div>
                            <div class="data-text">中签率最高</div>
                        </div>
                        <div class="data-item">
                            <img data-src="../img/sec6_bottom_img2.png" alt="" class="data-img"/>
                            <div class="data-text">土豪节奏</div>
                            <div class="data-text">中签率飙升</div>
                        </div>
                    </div>
                </div>
                <div class="section__content-bottom">
                    <img class="light_left" data-src="../img/bottom_light_left.png" alt="">
                    <img class="light_right" data-src="../img/bottom_light_right.png" alt="">
                </div>
            </div>
        </div>

        <!--第7屏-->
        <div class="section section7" data-title-txt="">
            <div class="section__content">
                <div class="section__content-top">
                    <img data-src="../img/sec7_title_bg.png" alt="" class="section__content-top-bg">
                    <img data-src="../img/sec7_title.png" alt="" class="section__content-top-title"/>
                </div>
                <div class="section__content-middle">
                    <div class="middle-wrap middle-wrap1">
                        <div class="welfare-div">
                            <div class="welfare-title">
                                <img data-src="../img/sec7_welfare1.png" alt="" class="welfare-img"/>
                                <span class="welfare-info">分享有礼，与朋友圈好友一起赚</span>
                            </div>
                            <div class="welfare-content">
                                <img data-src="../img/sec7_welfare_bg1.png" alt="" class="welfare-bg"/>
                                <img data-src="../img/sec7_btn_get.png" alt="" class="welfare-btn" id="btn-get"/>
                            </div>

                        </div>
                        <div class="welfare-div">
                            <div class="welfare-title">
                                <img data-src="../img/sec7_welfare2.png" alt="" class="welfare-img"/>
                                <span class="welfare-info">神秘大礼，查看个人账单领取</span>
                            </div>
                            <div class="welfare-content">
                                <img data-src="../img/sec7_welfare_bg2.png" alt="" class="welfare-bg"/>
                                <img data-src="../img/sec7_btn_login.png" alt="" class="welfare-btn"/>
                            </div>

                        </div>
                    </div>

                    <div class="middle-wrap middle-wrap2" style="display: none">
                        <div class="share-info-wrap">
                            <img data-src="../img/sec7-share_info.png" alt="" class="share-info"/>
                            <img data-src="../img/sec7-share-qrcode.png" alt="" class="share-qrcode"/>
                        </div>
                        <a href="javascript:;" class="sec7_mask_btn">
                            <img data-src="../img/sec7_mask_btn_bg.png" alt="" class="sec7_mask_btn_bg"/>
                            <div class="sec7_mask_btn_text btn-share">立即分享</div>
                        </a>
                    </div>
                </div>
                <div class="section__content-bottom">
                    <img class="light_left" data-src="../img/bottom_light_left.png" alt="">
                    <img class="light_right" data-src="../img/bottom_light_right.png" alt="">
                </div>
            </div>
        </div>

    </div>
</div>

<!-- popup -->
<div id="popup">
    <div class="mask-content" id="popup1">
        <div class="close-icon" data-popup="popup1">×</div>
        <img data-src="../img/sec7_mask_bg1.png" alt="" class="sec7_mask-top"/>
        <div class="sec7_mask-content">
            <ul class="sec7_mask_share_list">
                <li class="list-li"><span class="li-number">1</span><span class="li-content">分享朋友圈，共享新春</span></li>
                <li class="li-circle"></li>
                <li class="list-li"><span class="li-number">2</span><span class="li-content">微信搜索“gtjawlc”  关注公众号</span></li>
                <li class="li-circle"></li>
                <li class="list-li"><span class="li-number">3</span><span class="li-content">编辑回复“红包”，领取5元话费</span></li>
            </ul>
            <a href="javascript:;" class="sec7_mask_btn">
                <img data-src="../img/sec7_mask_btn_bg.png" alt="" class="sec7_mask_btn_bg"/>
                <div class="sec7_mask_btn_text btn-share">立即分享</div>
            </a>
        </div>
        <img data-src="../img/sec7_mask_bg2.png" alt="" class="sec7_mask-bottom"/>
    </div>
    <div class="mask-content" id="popup2">
        <div class="close-icon" data-popup="popup2">×</div>
        <img data-src="../img/sec7_mask_bg1.png" alt="" class="sec7_mask-top"/>
        <div class="sec7_mask-content">
            <img data-src="../img/sec7_share_result.png" alt="" class="sec7_get_result"/>
            <a href="javascript:;" class="sec7_mask_btn">
                <img data-src="../img/sec7_mask_btn_bg.png" alt="" class="sec7_mask_btn_bg"/>
                <div class="sec7_mask_btn_text">跳转微信</div>
            </a>
            <div class="get-tip">请至国泰君安微理财公众号领取</div>

        </div>
        <img data-src="../img/sec7_mask_bg2.png" alt="" class="sec7_mask-bottom"/>
    </div>

</div>
<!--底部信封图片-->
<div class="common-bottom-img">

</div>
<!--&lt;!&ndash;第9屏 - 分享及关注 -分享好友popup&ndash;&gt;
<div id="section__content-bottom-wlc-popup">
    <p>
        点击马上分享

    </p>
</div>-->

<div class="landscape-pop">
    <div>竖屏查看，效果更佳哦！</div>
</div>

<!-- build:js ../js/site.js -->
<script type="text/javascript" src="../js/vendor/zepto_modify.js"></script>
<script type="text/javascript" src="../js/vendor/PageSlider.js"></script>
<script type="text/javascript" src="../js/vendor/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="../js/page.js"></script>
<!-- endbuild -->

</body>
</html>
